<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>@yield('title', 'Car Balance System - Nimo')</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

@section('stylesheets')
    @section('stylesheets.main')
    <!--base css styles-->

    <link rel="stylesheet" href={{ asset("assets/bootstrap/bootstrap.min.css") }}>
    <link rel="stylesheet" href={{ asset("assets/bootstrap/bootstrap-responsive.min.css") }}>
    <link rel="stylesheet" href={{ asset("assets/font-awesome/css/font-awesome.min.css") }}>
    <link rel="stylesheet" href={{ asset("assets/normalize/normalize.css") }}>
    @show

    @section('stylesheets.flaty')
    <!--flaty css styles-->
    <link rel="stylesheet" href={{ asset("assets/flaty/flaty.css") }}>
    <link rel="stylesheet" href={{ asset("assets/flaty/flaty-responsive.css")}}>
    @show

    @yield('stylesheets.more')
@show

    <link rel="shortcut icon" href="/favicon.ico">

    <script src={{ asset("assets/modernizr/modernizr-2.6.2.min.js") }}></script>

    @yield('head.more')

</head>
@section('body')
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->

@section('navbar')
<!-- BEGIN Navbar -->
<div id="navbar" class="navbar">
@section('navbar.inner')
<div class="navbar-inner">
<div class="container-fluid">
<!-- BEGIN Brand -->
<a href="{{ route('home') }}" class="brand">
    <small>
        <i class="icon-desktop"></i>
        CAR BALANCE SYSTEM
    </small>
</a>
<!-- END Brand -->

<!-- BEGIN Responsive Sidebar Collapse -->
<a href="#" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
    <i class="icon-reorder"></i>
</a>
<!-- END Responsive Sidebar Collapse -->

@section('navbar.buttons')
<!-- BEGIN Navbar Buttons -->
<ul class="nav flaty-nav">
    <li><a href="{{ route('car_balance.main.document_car_list') }}"><i class="icon-file-text-alt"></i> Document management</a></li>
    <li><a href="#"><i class="icon-list-alt"></i> Summary</a></li>
    <li><a href="{{ route('car_balance.parts.index') }}"><i class="icon-gear"></i> Parts management</a></li>
    <li><a href="#"><i class="icon-adjust"></i> Zardal management</a></li>
    <li><a href="#"><i class="icon-exchange"></i> Data import/export</a></li>
</ul>
<ul class="nav flaty-nav pull-right">
@section('navbar.buttons.inner')
    @if (Sentry::check())
    <!-- BEGIN Button User -->
    <li class="user-profile">
        <a data-toggle="dropdown" href="#" class="user-menu dropdown-toggle">
            <img class="nav-user-photo" src="{{ asset('/img/demo/avatar/avatar5.jpg')}}" alt="Photo" />
                                    <span class="hidden-phone" id="user_info">
                                        {{ Sentry::getUser()->first_name }}
                                    </span>
            <i class="icon-caret-down"></i>
        </a>

        <!-- BEGIN User Dropdown -->
        <ul class="dropdown-menu dropdown-navbar" id="user_menu">
            <li class="nav-header">
                <i class="icon-time"></i>
                Logined From 20:45
            </li>

            <li>
                <a href="{{ route('profile') }}">
                    <i class="icon-cog"></i>
                    Account Settings
                </a>
            </li>

            <li class="divider"></li>

            <li>
                <a href="{{ route('logout') }}">
                    <i class="icon-off"></i>
                    Logout
                </a>
            </li>
        </ul>
        <!-- BEGIN User Dropdown -->
    </li>
    <!-- END Button User -->
    @else
    <li {{ (Request::is('auth/signin') ? 'class="active"' : '') }}><a href="{{ route('signin') }}">Sign in</a></li>
    @endif
@show {{-- END navbar.buttons.inner --}}
</ul>
<!-- END Navbar Buttons -->
</div><!--/.container-fluid-->
</div><!--/.navbar-inner-->
@show
</div>
<!-- END Navbar -->
@show

@section('container')
<!-- BEGIN Container -->
<div class="container-fluid" id="main-container">

@section('sidebar')
<!-- BEGIN Sidebar -->
<div id="sidebar" class="nav-collapse">
    @section('sidebar.navlist')
    <!-- BEGIN Navlist -->
    <ul class="nav nav-list">
        @section('sidebar.navlist.inner')
        @include('nimo/domains/car_balance/menu')
        @show {{-- END sidebar.navlist.inner --}}
    </ul>
    <!-- END Navlist -->
    @show

    <!-- BEGIN Sidebar Collapse Button -->
    <div id="sidebar-collapse" class="visible-desktop">
        <i class="icon-double-angle-left"></i>
    </div>
    <!-- END Sidebar Collapse Button -->
</div>
<!-- END Sidebar -->
@show

@section('content')
<!-- BEGIN Content -->
<div id="main-content">
<!-- BEGIN Page Title -->
<div class="page-title">
    <div>
        @section('content.title')
        <h1><i class="icon-file-alt"></i> Dashboard</h1>
        <h4>Overview, stats, chat and more</h4>
        @show
    </div>
</div>
<!-- END Page Title -->

@section('content.breadcrumb')
<!-- BEGIN Breadcrumb -->
<div id="breadcrumbs">
    <ul class="breadcrumb">
        @section('content.breadcrumb.inner')
        <li class="active"><i class="icon-home"></i> Dashboard</li>
        @show
    </ul>
</div>
<!-- END Breadcrumb -->
@show

@yield('content.main')

@section('content.footer')
<footer>
    @section('content.footer.inner')
    <p>2013 © Nimo Consulting LLC.</p>
    @show
</footer>
@show

<a id="btn-scrollup" class="btn btn-circle btn-large" href="#"><i class="icon-chevron-up"></i></a>
</div>
<!-- END Content -->
@show

</div>
<!-- END Container -->
@show

@section('javascripts')
    @section('javascripts.main')
    <!--basic scripts-->
    <script>window.jQuery || document.write('<script src={{ asset("assets/jquery/jquery-1.10.2.min.js")}}><\/script>')</script>
    <script src={{ asset("assets/bootstrap/bootstrap.min.js")}}></script>
    <script src={{ asset("assets/nicescroll/jquery.nicescroll.min.js")}}></script>
    @show

    @yield('javascripts.more')

    @section('javascripts.flaty')
    <!--flaty scripts-->
    <script src={{ asset("assets/flaty/flaty.js") }}></script>
    @show

@show

</body>
@show
</html>